<template>
    <div class="chanpin_detail_outer">
        <div class="chanpin_detail_header">
            <div class="detail_title">平面磨床</div>

            <div class="detail_position">
                <div class="position_icon"></div>
                <div class="position_content">您的位置：主页>磨床产品>平面磨床</div>
            </div>

        </div>

        <div class="detail_gaikuo">
            <div class="gaikuo_img"></div>
            <div class="gaikuo_content">
                <div class="content_title">平面磨床-PSG-7020AHR</div>
                <div class="content_detail">
                    平面磨床厂家PSG-7020AHR<br>
                    两轴自动，上下快动，前后变频，精密平面磨床
                </div>
                <div class="zi_xun_wo_men">
                    咨询我们
                </div>
            </div>

        </div>

        <div class="img_title">
            平面磨床厂家PSG-7020AHR平面磨床参数表
        </div>

        <img src="http://120.78.80.190/chind3.jpg">
        <img src="http://120.78.80.190/chind4.jpg">

        <img src="http://120.78.80.190/chan_pin_can_shu.png" style="margin-top: 29px;">

    </div>

    <div class="chanpin_detail_dibu">
        <div class="dibu_per">
            <img src="http://120.78.80.190/icon_left.png" width="23" height="23" style="margin-left: 23px;">
            <div class="dibu_left_content" style="margin-left: 9px;">上一页：平面数控磨床PSG-250MS2</div>
        </div>
        <div class="dibu_center">
            <div class="dibu_center_content">返回</div>
            <img src="http://120.78.80.190/back.png" width="24" height="20" style="margin-left: 10px;">
        </div>
        <div class="dibu_next">
            <div class="dibu_center_right">上一页：平面数控磨床PSG-250MS2</div>
            <img src="http://120.78.80.190/icon_right.png" width="23" height="23" style="margin-left: 11px;">
        </div>
    </div>

</template>

<script>
    export default {
        name: "chanpin_detail"
    }
</script>

<style scoped>
    .chanpin_detail_outer{width: 913px;background-color: #ffffff;}
    .chanpin_detail_header{width: 793px;height: 40px;margin: 0px auto;display: flex;flex-direction: row;justify-content: space-between;border-bottom: 1px solid #3e3e3e;padding-top: 41px;}
    .detail_title{height: 100%;font-size: 23px;line-height: 40px;color: #004195;margin-left: 2px;}
    .detail_position{display: flex;flex-direction: row;}
    .position_icon{margin-top: 13px;margin-right: 5px;width: 15px;height: 13px;background: url("http://120.78.80.190/fangzi.png");background-size: 100% 100%;background-repeat: no-repeat;}
    .position_content{font-size: 15px;line-height: 40px;color: #808080;}

    .detail_gaikuo{width: 793px;margin: 0px auto;display: flex;flex-direction: row;padding-bottom: 25px;border-bottom: 1px dashed #bfbfbf;}
    .gaikuo_img{width: 380px;height: 234px;margin-top: 27px;margin-left:4px;background: url("http://120.78.80.190/detail_img.png");background-size: 100% 100%;background-repeat: no-repeat;}
    .content_title{height: 69px;width: 363px;margin-top: 18px;margin-left: 40px;font-size: 27px;line-height: 69px;border-bottom: 1px dashed #bfbfbf;}
    .content_detail{width: 363px;padding-top: 12px;padding-bottom: 12px;font-size: 15px;line-height: 30px;margin-left: 40px;border-bottom: 1px dashed #bfbfbf;}

    .zi_xun_wo_men{width: 122px;height: 45px;background-color: #f6ae24;color: white;margin-top: 24px;margin-left: 40px;font-size: 22px;line-height: 45px;text-align: center;}

    .img_title{width: 793px;height: 19px;margin: 0px auto;margin-top: 38px;text-align: center;font-size: 19px;line-height: 19px;}

    .chanpin_detail_dibu{width: 913px;height: 105px;background-color: #ffffff;margin-top: 34px;margin-bottom: -23px;display: flex;flex-direction: row;justify-content: space-between;}
    .chanpin_detail_dibu>div{display: flex;flex-direction: row;margin-top: 48px;cursor: pointer;}
</style>